---
title: 入门指南
description: 帮助你使用聚焦于内容驱动型网站的 web 框架 Astro 的指南、资源和 API 参考信息。
i18nReady: true
tableOfContents: false
editUrl: false
next: false
hero:
  title: Astro 文档
  tagline: 指南、资源和 API 参考，帮助你使用 Astro 进行构建。
  actions:
    - text: 安装 Astro
      icon: rocket
      link: /zh-cn/install-and-setup/
    - text: 了解 Astro 的特性
      icon: right-arrow
      variant: minimal
      link: /zh-cn/concepts/why-astro/
  facepile:
    tagline: 本文档由 Astro 和我们的开源贡献者提供支持。
    linkText: 加入我们！
    link: /zh-cn/contribute/
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="你可以用 Astro 构建什么？" icon="laptop">
    浏览 [Astro 主题](https://astro.build/themes/)，包括博客、作品集、文档、落地页、SaaS、营销、电子商务等等！
  </Card>

  <Card title="观看导览" icon="star">
    完成我们的 [构建博客教程](/zh-cn/tutorial/0-introduction/)，学习基础知识并创建你的第一个 Astro 网站。
  </Card>

  <SplitCard title="开始一个新项目" icon="rocket">
    ```sh
    # 使用 npm 创建一个新项目
    npm create astro@latest
    ```
    
    我们的 [安装指南](/zh-cn/install-and-setup/) 提供了使用 CLI 向导安装 Astro、从现有的 Astro GitHub 仓库创建新项目以及手动安装 Astro 的逐步说明。
  </SplitCard>

  <ListCard title="学习" icon="open-book">
    - [Astro 的主要特性](/zh-cn/concepts/why-astro/)
    - [群岛架构](/zh-cn/concepts/islands/)
    - [Astro 组件](/zh-cn/basics/astro-components/)
    - [Astro 模板语法](/zh-cn/reference/astro-syntax/)
  </ListCard>

  <ListCard title="扩展" icon="puzzle">
    - [添加集成比如 React 和 Partytown](/zh-cn/guides/integrations-guide/)
    - [创建类型安全的内容集合](/zh-cn/guides/content-collections/)
    - [通过视图过渡增强导航](/zh-cn/guides/view-transitions/)
    - [连接无头 CMS 到你的项目](/zh-cn/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="有疑问或想参与其中？" cta="加入我们的 Discord"/>
